<template>
<!-- v-if='变量' 让元素是否显示和变量进行绑定, true显示 false不显示(删除) -->
  <p v-if="isShow">张三</p>
<!-- v-else 状态和上面v-if取反 -->
  <p v-else>李四</p>
  <!-- v-show='变量' 让元素是否显示和变量进行绑定, true显示 false不显示(隐藏),
  频繁切换显示状态时使用 -->
  <p v-show="isShow">王五</p>
</template>

<script setup>
  import {ref} from "vue";

  const  isShow = ref(false);
</script>

<style scoped>

</style>